<div class="container_12">
	<div id="calendar"></div>
</div>
	
	
	
	
	
	
	<script type="text/javascript">
	
		function showDialog() {
		
			$("#errorDialog").dialog(
				{
					width:		200,
					height:		150,
					show: 		'fade',
					hide: 		'fade',
					buttons: {
		
						// send the data to be stored in the DB
						"Ok": 		
						function() {
							$(this).dialog("close");
						},
		
						// Operation canceled
						"Cancel": 	
						function() {
							$(this).dialog("close");
						}
					}
				}	
			);
			
			
		}
		
		function tmp() {
			var tmp = $("#offerList option:selected").val();
			alert(tmp);
		}
		
		$(document).ready(function() {
			$("#testButton").click(function() {		
				//alert('hello');
				tmp();
				//showDialog();
			});
		});

	</script>






<div id="offersDialog" class="dialog" title="Ofertas Disponiveis">
	<div class="label"><p>Total de aulas da oferta:</p></div>
	<p class="numberOfClasses">X</p>
	<div class="label"><p>Aulas disponiveis:</p></div>
	<p class="remainingClasses"></p>
	<div class="label"><p>Lista de ofertas:</p></div>
	<select id="offerList">
	</select>
	<!--  <input name="your_name" value="your_value" type="checkbox"> -->
</div>

<div id="errorDialog" class="dialog" title="error">
	<p> error ...</p>
</div>

<div id="noOffers" class="dialog" title="no offers">
	<p>Não existem ofertas disponiveis</p>
</div>


<button id="testButton">test</button>


